@import '../../assets/platform/less/theme/app.less';

.app-login-container {
    background: @app-login-bg;
    padding: 0;
    margin: 0;
    height: 100vh;
    width: 100vw;
    overflow: hidden;
    &::before {
        content: '';
        width: 96%;
        height: 96%; 
        background-image:@app-login-bg-img;
        background-repeat: no-repeat;
        background-position: bottom;
        background-size: contain;
        display: inline-block;
        position: absolute;
        bottom: 0;
        right: 0;
        z-index: 0;
    }
    .app-login-inner-container {
      width: 565px;
      height: 365px;
      top: 50%;
      left: 50%;
      margin-left: -300px;
      margin-top: -220px;
      position: absolute;
      .app-login-box-card {
        padding: 15px;
        border-radius: 15px;
        -moz-box-shadow: @app-light-shadow !important;
        -webkit-box-shadow: @app-light-shadow !important;
        box-shadow: @app-light-shadow !important;
        background: @app-white-color;
        .app-login-flex {
          display: flex;
          display: -webkit-flex;
          .app-login-img {
            background-image:@app-login-img;
            background-repeat: no-repeat;
            background-size: 100% 100%;
            width: 230px;
            height: 230px;
            margin-top: 50px;
            margin-right: 55px;
            margin-left: 5px;
          }
          .app-login-form-box {
            width: 225px;
            margin-top: 25px;
            .app-login-title {
              color: fade(@app-black-color, 80%);
              margin-bottom: 30px;
              text-align: left;
              font-weight: 500;
              font-size: 20px;
            }
            .app-login-form {
              margin-top: -5px;
              color: @app-login-input-color;
              /deep/ i{
                color: @app-login-input-color;
              }
              input{
                color: @app-login-input-color;
              }
            }
          }
        }
        .app-login-copyright {
          font-size: 13px;
          text-align: center;
          margin-top: 15px;
          color: @app-login-default-color;
        }
      }
      .app-login-desc {
        width: 90%;
        text-align: center;
        font-size: 13px;
        margin-top: 8px;
        color: @app-text-color-secondary-dark;
        margin-left: auto;
        margin-right: auto;
      }
    }
  }